<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<meta charset="utf-8" /><meta name="publishid" content="11119783.0.100.0"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta content="telephone=no" name="format-detection" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />


<link rel='stylesheet' href='page_shumu/css/shumu.css'>
<link rel='stylesheet' href='page_shumu/css/blue02.css'>
<link rel="stylesheet" href="lib/css/swiper.min.css">
<link rel="stylesheet" href="http://cdn.dowebok.com/98/css/animate.min.css">

<title></title>

</head>


<body>
     <div class="bjcss">
         
      <div class="top">
         <img  class="logo2 fl">
         <div class="fr box01">
          <ul class="selecttab">
              <li>
                <a class="selectTop" id = "selectTitle" onclick="selectTopTab(this)"
                 data-key="title">书名</a>
              </li>
              <li>
                <a onclick="selectTopTab(this)" id = "selectauthor" data-key="author">作者</a>
              </li>
          </ul>                
          <div class="engine ">
	             <input class="search" autocomplete="off" type="text" placeholder="请输入查找内容" onblur="searchData()" id="searchInput" >  
			   <div class="rc Js_hot_box" style="max-width: 380px;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow: hidden; "></div>
	       </div>
                 <a > <img src="page_shumu/images/home.png"  class="home Js_home"/></a>
         </div>
         <div class="clear"></div>
      </div>
      <div class="boxp">
              <div class="main">



         <div class="leftbox fl">
              <div class="text">
                   <span class="Js_search_content">大数据</span>
              </div>
              <div class="but Js_voice_btn"><img src="page_shumu/images/Voice.png" /></div>
         </div>




           <!-- 查询页 -->
           <div class="rightbox fl Js_search_box">
                <ul class="tab list_select_tab">
                    <li>
                      <a class="selctListTab" id="selectKeyWordList" onclick="selectListTab(this)" data-key="keyword"> 主题词</a>
                    </li>
                    <li>
                      <a onclick="selectListTab(this)" id="selectauthorList" data-key="author">作者</a>
                    </li>
                </ul>


                <div class="clear"></div>
                <div class="gridbox">
                    <ul>
                      <!-- 大图 -->
                      <li class="max wow fadeInLeft">
                        <a    class=" imgbj4 Js_go_detal">
                         <div class="layer">
                            <h1 class="fl Js_show_content"><img src="page_shumu/images/iconyj2.png" class="imgf"></h1>
                            <span class="fr Js_show_count"></span>
                            <div class="clear"></div>
                          </div>    
                        </a>
                      </li>
                      <li class="mid">

                        <a    class=" imgbj1 Js_go_detal wow fadeInDown">
                          <div class="layer">
                            <h1 class="fl Js_show_content"><img src="page_shumu/images/iconyj.png" class="imgf"></h1>
                            <span class="fr Js_show_count"></span>
                            <div class="clear"></div>
                          </div>
                        </a>


                      </li>
                      <li class="mid wow fadeInDown">
                        <a    class=" color3 pdding Js_go_detal">
                          <img src="page_shumu/images/icon010.png" class="imgcss00 midImage">
                          <div class="sjxx midContent">
                            <h2 class="fl Js_show_content midh2"></h2>
                            <div class="clear"></div>
                          </div>
                          <span class="fr Js_show_count midcount"></span>
                        </a>

                      </li>
                      <li class="min wow fadeInRight">
                        <a    class=" imgbj2 "></a>
                      </li>
                      <li class="mid wow fadeInDown">
                        <a    class=" color6  pdding Js_go_detal">
                          <img src="page_shumu/images/icon014.png" class="imgcss00 midImage">
                          <div class="sjxx midContent">
                            <h2 class="fl Js_show_content midh2"></h2>
                            <div class="clear"></div>
                          </div>
                          <span class="fr Js_show_count midcount"></span> 
                        </a>
                     
                      </li>
                      <li class="min wow fadeInDown">
                        <a    class=" color2 Js_go_detal" style="padding-top: 15px">
                          <img src="page_shumu/images/icon009.png" class="imgcss00">
                          <div class="sjxx">
                            <h2 class="fl Js_show_content minh2"></h2>
                            <span class="fr minValue Js_show_count"></span>
                            <div class="clear"></div>
                          </div>
                        </a>
                      </li>
                      <li class="mid wow fadeInRight">
                        <a    class=" imgbj3 Js_go_detal">
                          <div class="layer">
                            <h1 class="fl Js_show_content"><img src="page_shumu/images/iconyj.png" class="imgf"></h1>
                            <span class="fr Js_show_count"></span>
                            <div class="clear"></div>
                          </div>
                        </a>
                      </li>
                      <li class="mid wow fadeInLeft">
                        <a    class=" imgbj1 Js_go_detal">
                          <div class="layer">
                            <h1 class="fl Js_show_content"><img src="page_shumu/images/iconyj.png" class="imgf"></h1>
                            <span class="fr Js_show_count"></span>
                            <div class="clear"></div>
                          </div>
                        </a>

                      </li>
                      <li class="min wow fadeInUp">
                        <a    class=" color5 Js_go_detal" style="padding-top: 15px">
                          <img src="page_shumu/images/icon013.png" class="imgcss00">
                          <div class="sjxx">
                            <h2 class="fl Js_show_content minh2"></h2>
                            <span class="fr minValue Js_show_count"></span>
                            <div class="clear"></div>
                          </div>
                        </a>
                      </li>
                      <li class="mid wow fadeInUp">
                        <a    class=" imgbj3 Js_go_detal">
                          <div class="layer">
                            <h1 class="fl Js_show_content"><img src="page_shumu/images/iconyj.png" class="imgf"></h1>
                            <span class="fr Js_show_count"></span>
                            <div class="clear"></div>
                          </div>
                        </a>
                      </li>
                      <li class="mid wow fadeInRight">
                        <a    class=" color1  pdding Js_go_detal">
                          <img src="page_shumu/images/icon011.png" class="imgcss00 midImage">
                          <div class="sjxx midContent">
                            <h2 class="fl Js_show_content midh2"></h2>
                            <div class="clear"></div>
                          </div>
                          <span class="fr Js_show_count midcount"></span>                          
                        </a>
                      </li>                       
                   </ul>
                </div>   
               <div class="clear"></div>
               <div class="footer">
                 <span class="fl">Copyright © 1998-2018 xxxxxxx. All Rights Reserved</span>
                 <div class="clear"></div>
               </div>                                      
            </div>
                   









            <!-- list 页 -->
           <div class="rightbox fl Js_list_box" style="display: none;">
                  <div class="textts">
                    <a class="Js_last_page">上一页</a>
                     <ul class="year Js_show_year">
                       <li><a > 2018</a></li>
                       <li><a > 2017</a></li>
                       <li><a > 2016</a></li>
                       <li><a > 2015</a></li>
                       <li><a > 2014</a></li>
                       <li><a > 2013</a></li>
                       <li><a > 2012</a></li>
                       <li><a > 2011</a></li>
 
                      </ul>
                    <div class="clear"></div>
                  </div>
                 <div class="maints swiper-container">
                      <div class="swiper-wrapper">
                       </div>  
                     <div class="swiper-pagination"></div>                 
                 </div>
                                    
                 <div class="footer">
                   <span class="fl">Copyright © 1998-2018 xxxxxxx. All Rights Reserved</span>
                   <div class="but fr">
                     <a > <img src="page_shumu/images/text.png"></a>
                     <a > <img src="page_shumu/images/ht.png"></a>
                   </div>
                   <div class="clear"></div>
                 </div>                  
           </div>
           <div class="swiper-slide showListTemplate" style="display: none;">
             <li class="lifl">
               <div class="bookbox">
                <div class="booktext">
                   <h2 class="Js_list_title"></h2>
                   <span class="Js_list_autor">作者：白居易</span>
                   <p class="Js_list_content"></p>
                 </div>
                 <div class="assessbox">
                   <div class="assess fl">
                     <span>推荐指数:</span>
                     <ul class="fl recommendation_box">
                       <li ></li>
                       <li ></li>
                       <li ></li>
                       <li ></li>
                       <li ></li>
                     </ul>
                   </div>
                   <a class="more fr Js_show_url"> 馆藏地址</a>
                   <div class="clear"></div>
                 </div>
               </div>
             </li>
           </div>
           <div class="clear"></div>  
                            
           </div>
     </div>
<script type="text/javascript" src="lib/js/jquery.js"></script>
<script type="text/javascript" src="page_shumu/js/shumu.js"></script>
<!-- Swiper JS -->
<script src="lib/js/swiper.min.js"></script>
<!-- 引入wow.js -->
<script src="http://cdn.dowebok.com/131/js/wow.min.js"></script>
<script type="text/javascript" src="lib/js/interactiveWithApp.js"></script>
<script type="text/javascript">
  $(function(){
      var wow =  new WOW().init();
  })
</script>
</body>
</html>
